@charset "UTF-8";
body, input {
    width: 100%
}

button, input {
    border: none;
    outline: 0
}

button, html *, img, input {
    outline: 0
}

html * {
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent
}

html {
    font-size: 100.01%;
    color: #000;
    background: #fff;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body, html {
    -webkit-overflow-scrolling: touch
}

a, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, p, td, textarea, th, ul {
    margin: 0;
    padding: 0
}

body {
    font-size: .3rem;
    color: #666;
    font-family: "PingFang SC", -apple-system, "Helvetica Neue", "Hiragino Sans GB", Helvetica, "Microsoft YaHei", Arial;
    height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #eee
}

li, ol, ul {
    list-style: none
}

input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.5
}

input::-webkit-input-placeholder {
    color: #aaa
}

input:focus::-webkit-input-placeholder {
    color: #c3c3c3
}

button, input[type=submit], input[type=reset], input[type=button], input[type=date], select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

a {
    color: #8C8C8C;
    text-decoration: none !important
}

img {
    border: 0
}

::-webkit-scrollbar {
    width: 0;
    display: none
}

.clearfloat {
    zoom: 1
}

.clearfloat:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}